
@media screen and (max-width: 767px) {
  .block_information_bar {
    display: none;
  }
  .block_information_bar.show_information_bar {
    display: block;
  }
}

.block_information_bar .information_list {
  display: flex;
  flex-wrap: wrap;
  min-height: 56px;
  align-items: center;
}

.block_information_bar .information_list li {
  display: flex;
  align-items: center;
  justify-content: var(--algin-type);
  flex: 0 0 50%;
  flex-shrink: 0;
  padding: 12px;
  box-sizing: border-box;
  gap: 12px;
}

@media screen and (max-width: 767px) {
  .block_information_bar .information_list li {
    flex: 0 0 100%;
  }
}

@media screen and (min-width: 1201px) {
  .block_information_bar .information_list li {
    flex: 0 0 25%;
  }
}

.block_information_bar .information_list li img {
  max-height: 20px;
}

.block_information_bar .information_list li span {
  font-size: 12px;
}

.block_information_bar_swiper {
  position: relative;
  display: none;
  padding: 20px 0;
}

.block_information_bar_swiper .swiper {
  overflow: hidden;
}

.block_information_bar_swiper .information_list {
  align-items: center;
}

@media screen and (max-width: 767px) {
  .block_information_bar_swiper.show_information_bar_swiper {
    display: block;
  }
  .block_information_bar_swiper .container_wrapper {
    padding-left: 70px;
    padding-right: 70px;
  }
}

.block_information_bar_swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: var(--algin-type);
  height: 100%;
  gap: 12px;
}

.block_information_bar_swiper .swiper-slide img {
  max-height: 20px;
}

.block_information_bar_swiper .swiper-slide span {
  font-size: 12px;
}

.block_information_bar_swiper .swiper-button-next, .block_information_bar_swiper .swiper-button-prev {
  background-image: none;
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: none;
  height: 44px;
  width: 44px;
}

.block_information_bar_swiper .swiper-button-next:hover, .block_information_bar_swiper .swiper-button-prev:hover {
  border-color: #211c1c;
}

.block_information_bar_swiper .swiper-button-next svg, .block_information_bar_swiper .swiper-button-prev svg {
  width: 12px;
  height: 12px;
}

